<template>
	<div class="ordercard">
		<van-card
			lazy-load
			:price="card.price"
			:desc="card.rule"
			:title="card.name"
			:thumb="card.small_img || card.smallImg"
			:num="card.count"
		>
			<template #tags>
				<van-tag plain type="primary" color="#7232dd" v-if="card.type_desc">{{card.type_desc}}</van-tag>
			</template>
		</van-card>
	</div>
</template>

<script>
	export default {
		props: {
			card: {
				type: Object,
				default () {
					return {}
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.ordercard{
		/deep/ .van-card{
			background-color: #fff;
		}
	}
</style>